<!DOCTYPE html >
<html lang="en" xmlns:th="http://www.thymeleaf.org">


<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <!--    <link type="text/css" rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.1.1/css/bootstrap.min.css" />-->
    <link rel="stylesheet" type="text/css" th:href="@{/css/lib.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/style.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/1362.css}">
    <link rel="stylesheet" th:href="@{/css/base.css}">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <script type="text/javascript"
            src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=A73cbd90c90dc8f155d0a5ccd00e130c"></script>
    <script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=A73cbd90c90dc8f155d0a5ccd00e130c"></script>
    <script type="text/javascript" th:src="@{/js/jquery-1.11.3.min.js}"></script>

    <script type="text/javascript" th:src="@{/js/jquery-2.1.4.js}"></script>
    <script type="text/javascript" th:src="@{/js/org1480746227.js}" data-main="baseMain"></script>
    <script th:src="@{/js/jq-paginator.js}"></script>
    <title>亿盛达-房产</title>
    <style type="text/css">
        .demo {
            padding: 20px;
            margin-bottom: 20px;
            background-color: #f7f7f7;
        }

        .demo li {
            float: left
        }

        .demo li a {
            float: left
        }

        #messContent div {
            text-align: left;
            line-height: 40px;
        }

        #messContent p {
            text-align: left;
            line-height: 40px;
        }

        #messContent h1 {
            text-align: left;
            line-height: 40px;
        }

        #messContent h2 {
            text-align: left;
            line-height: 40px;
        }

        #messContent h3 {
            text-align: left;
            line-height: 40px;
        }

        #messContent h4 {
            text-align: left;
            line-height: 40px;
        }

        #messContent h5 {
            text-align: left;
            line-height: 40px;
        }

        #messContent h6 {
            text-align: left;
            line-height: 40px;
        }
    </style>
</head>

<body>
<div id="header" class="index_nav" style="background: #fff">
    <div class="content">
        <a href="/web/index.html" id="logo"><img th:src="@{/images/1482810077929.png}" height="40"/></a>
        <ul id="nav">
            <li class="navitem">
                <a class="nav-a " href="/web/index.html" target="_self"><span data-title="首页">首页</span></a>
            </li>
            <li class="navitem">
                <a class="nav-a active" target="_self" href="/web/estateInfo.html?pageNo=1&type=-1"><span
                        data-title="楼盘展示">楼盘展示</span></a>
                <ul class="subnav">
                    <li>
                        <a href="/web/estateInfo.html?pageNo=1&type=-1" target="_self"><span
                                data-title="热销楼盘">热销楼盘</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                    <li>
                        <a href="/web/estateInfo.html?pageNo=1&type=1" target="_self"><span
                                data-title="新盘预告">新盘预告</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                </ul>
            </li>
            <li class="navitem">
                <a class="nav-a " target="" href="/web/about.html"><span data-title="关于我们">关于我们</span></a>
                <ul class="subnav">
                    <li>
                        <a href="/web/about.html" target="_self"><span data-title="关于亿盛达">关于亿盛达</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                    <li>
                        <a href="/web/development.html" target="_self"><span data-title="发展历程">发展历程</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                    <li>
                        <a href="/web/honor.html" target="_self"><span data-title="企业荣誉">企业荣誉</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                    <li>
                        <a href="/web/culture.html" target="_self"><span data-title="企业文化">企业文化</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                </ul>
            </li>
            <li class="navitem">
                <a class="nav-a " href="/web/services.html" target="_self"><span data-title="品牌招商">品牌招商</span></a>
            </li>
            <li class="navitem">
                <a class="nav-a " target="_self" href="/web/biddingInfo.html?pageNo=1&type=1"><span data-title="招标公告">招标公告</span></a>
                <ul class="subnav">
                    <li>
                        <a href="/web/biddingInfo.html?pageNo=1&type=1" target="_self"><span
                                data-title="招标信息">招标信息</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                    <li>
                        <a href="/web/biddingInfo.html?pageNo=1&type=-1" target="_self"><span
                                data-title="中标公告">中标公告</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                </ul>
            </li>
            <li class="navitem">
                <a class="nav-a " target="_self" href="/web/messageInfo.html?pageNo=1&type=0"><span data-title="资讯中心">资讯中心</span></a>
                <ul class="subnav">
                    <li>
                        <a href="/web/messageInfo.html?pageNo=1&type=0" target="_self"><span
                                data-title="公司新闻">公司新闻</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                    <li>
                        <a href="/web/messageInfo.html?pageNo=1&type=1" target="_self"><span
                                data-title="行业新闻">行业新闻</span><i
                                class="fa fa-angle-right"></i></a>
                    </li>
                </ul>
            </li>
            <li class="navitem">
                <a class="nav-a " href="/web/contact.html" target="_self"><span data-title="联系我们">联系我们</span></a>
            </li>
        </ul>
        <div class="clear"></div>
    </div>
    <a id="headSHBtn" href="javascript:;"><i class="fa fa-bars"></i></a>
</div>
<div id="sitecontent" style="background-color: white">

    <div id="newsPage" class="npagePage Pagenews">
        <div id="banner" style="padding-top: 0px">
            <div th:style="'background-image:url(' + @{/images/20201005160726.jpg} + ');'"></div>
        </div>
        <div class="content">
            <div class="header">
                <p class="title" th:text="${estate.estateName}"></p>
                <p class="subtitle" th:if="${estate.estateType == 0}">热销楼盘</p>
                <p class="subtitle" th:if="${estate.estateType == 1}">新盘预告</p>
            </div>
            <div id="messContent"
                 style="margin: 0 auto;width: 70%;word-wrap:break-word;word-break:break-all;overflow: hidden;">
                <div>
                    <h3>楼盘概述</h3>
                    <p th:text="${estate.estateContent}"></p>
                </div>
                <hr/>
                <div>
                    <p style="width: 33.3%;float: left">地理位置：<span th:text="${estate.address}"></span></p>
                    <p style="width: 33.3%;float: left">参考价格：<span th:text="${estate.referencePrice}"></span></p>
                    <p style="width: 33.3%;float: left">开盘时间：<span th:text="${estate.openTime}"></span></p>
                    <p style="width: 33.3%;float: left">联系电话：<span th:text="${estate.contactNumber}"></span></p>
                    <p style="width: 33.3%;float: left">主力户型：<span th:text="${estate.mainTyoe}"></span></p>
                    <p style="width: 33.3%;float: left">物业类别：<span th:if="${estate.propertyType == 0}">高层</span><span
                            th:if="${estate.propertyType == 1}">住宅</span></p>
                    <p style="width: 33.3%;float: left">物业费：<span th:text="${estate.propertyPrice}"></span></p>
                    <p style="width: 33.3%;float: left">物业公司：<span th:text="${estate.conpanyProperty}"></span></p>
                    <p style="width: 33.3%;float: left">建筑类型：<span th:if="${estate.buildingType ==0}">别墅 洋房</span><span
                            th:if="${estate.buildingType ==1}">高层</span><span
                            th:if="${estate.buildingType ==2}">平层住宅</span></p>
                    <p style="width: 33.3%;float: left">装修状态：<span th:if="${estate.decorationStatus ==0}">精装</span><span
                            th:if="${estate.decorationStatus ==1}">简装</span><span
                            th:if="${estate.decorationStatus ==2}">轻奢</span></p>
                    <p style="width: 33.3%;float: left">项目状态：<span th:if="${estate.projectStatus ==0}">在售</span><span th:if="${estate.projectStatus ==1}">未开售</span><span th:if="${estate.projectStatus ==2}">已售完</span></p>
                    <p style="width: 33.3%;float: left">户型区间：<span th:text="${estate.intervalUnit}"></span></p>
                    <p style="width: 33.3%;float: left">产权年限：<span th:text="${estate.propertyRight}"></span></p>
                    <p style="width: 33.3%;float: left">楼层状况：<span th:text="${estate.floor}"></span></p>
                </div>
                <div style="clear: both" th:if="${estate.sampleImg != null && estate.scenicImg != null}">
                    <h3>样板图</h3>
                    <div>
                        <img th:src="@{'/imagesweb/'+${estate.sampleImg}}" width="50%" height="250"  style="display: block;float: left"/>
                        <img th:src="@{'/imagesweb/'+${estate.scenicImg}}" width="50%" height="250"  style="display: block;"/>
                    </div>
                </div>
                <br/>
                <hr/>
                <div th:if="${estate.matchs != null}" style="clear: both">
                    <h3>项目配套</h3>
                    <p th:text="${estate.matchs}"></p>
                    <div style="width: 100%;display: block;">
                        <div id="containers" style="height: 300px;width: 100%" class="sixteen"></div>
                        <script type="text/javascript" th:inline="javascript">
                            var estate = [[${estate}]];
                            var houseTypes = [[${houseTypes}]];
                            setTimeout(function () {
                                var map = new BMapGL.Map("containers");          // 创建地图实例
                                if (estate.point !== null && estate.point !== "") {
                                    var arr = JSON.parse(estate.point);
                                    var point = new BMapGL.Point(arr.lng, arr.lat);  // 创建点坐标
                                    console.log(point)
                                    map.centerAndZoom(point, 12);                 // 初始化地图，设置中心点坐标和地图级别
                                    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
                                    map.setHeading(64.5);   //设置地图旋转角度
                                    map.setTilt(73);       //设置地图的倾斜角度
                                    var marker = new BMapGL.Marker(point);  // 创建标注
                                    map.addOverlay(marker);              // 将标注添加到地图中
                                }
                            }, 200)

                        </script>
                    </div>
                </div>
                <br/>
                <div>
                    <div th:each="type:${houseTypes}">
                        <h3 th:text="${type.typeName}"></h3>
                        <div>
                            <div style="width: 50%;float: left">
                                <p style="width: 50%;float: left">建筑面积：<span th:text="${type.area}"></span></p>
                                <p style="width: 50%;float: left">参考价格：<span th:text="${type.referencePrice}"></span></p>
                                <p style="width: 50%;float: left">户型结构：<span th:text="${type.unitStructure}"></span></p>
                                <p style="width: 50%;float: left">开盘时间：<span th:text="${type.openTime}"></span></p>
                                <p style="width: 50%;float: left">交房时间：<span th:text="${type.deliveryTime}"></span></p>
                                <p style="width: 50%;float: left">物业类型：<span th:text="${type.propertyType}"></span></p>
                                <p style="width: 50%;float: left">朝向：<span th:text="${type.orientation}"></span></p>
                            </div>
                            <div style="width: 50%;display: flex">
                                <img th:src="@{'/imagesweb/'+${type.typePic}}" width="100%" height="200"  style="display: block;"/>
                            </div>
                        </div>
                    </div>
                </div>

            </div>


        </div>
    </div>
</div>
<div id="footer">
    <p>COPYRIGHT (©) 2020 亿盛达.
        XXX
    </p>
</div>
<div id="shares">
    <a id="sshare"><i class="fa fa-share-alt"></i></a>
    <a href="#" target="_blank" id="sweibo"><i class="fa fa-weibo"></i></a>
    <a href="javascript:;" id="sweixin"><i class="fa fa-weixin"></i></a>
    <a href="javascript:;" id="gotop"><i class="fa fa-angle-up"></i></a>
</div>
<div class="fixed" id="fixed_weixin">
    <div class="fixed-container">
        <div id="qrcode"></div>
        <p>扫描二维码分享到微信</p>
    </div>
</div>
<div id="online_open"><i class="fa fa-comments-o"></i></div>
<div id="online_lx">
    <div id="olx_head">在线咨询<i class="fa fa-times fr" id="online_close"></i></div>
    <ul id="olx_qq">
        <li>
            <a href="tencent://message/?uin=XXX&Site=wangdahai&Menu=yes">QQ联系</a>
        </li>
    </ul>
</div>
<div class="hide">
</div>
</body>
<script th:inline="javascript">
    $(document).ready(function () {


    });


</script>

</html>